<template>
  <div>
    <div>
        <div class="all">
          <div class="first">
               <div class="first_top_left">
            <h3>园区概览</h3></div><!--first_top_left  结束-->
            <div class="first_top_right">
              <ul>
                <li>
                  当前位置：
                </li>
                <li>
                  首页
                </li>
                <li>
                  >>
                </li>
                <li>
                  园区概览
                </li>
                <li>
                  >>
                </li>
                <li>
                  园区概况
                </li>
              </ul>
            </div><!--first_top_night 结束-->
          </div><!--first 结束-->
          <div class="first_top_bottom"></div><!--first_top_bottom 结束-->
          <div class="first_comtent">
            <div class="first_comtent_left">
              <ul>
                <li>
                  <div style="float: left"><!--start-->
                    <img src="../../assets/title2.png" style="padding-right: 20px;">
                    <div class="parkshow_top"></div>
                  </div><!--stop-->
                  <div >
                    <router-link to="/park/Yqgk" style="text-decoration:none ">
                      园区概况
                    </router-link>
                  </div>
                </li>
                <li>
                  <div style="float: left">
                    <div class="parkshow_second"></div>
                    <img src="../../assets/title2.png" style="padding-right: 20px;">
                    <div class="parkshow_top"></div>
                  </div>
                  <router-link to="/park/Yqgk" style="text-decoration:none ">
                    周边陪套
                  </router-link>
                </li>
                <li>
                  <div style="float: left">
                    <div class="parkshow_second"></div>
                    <img src="../../assets/title1.png" style="padding-right: 20px;">
                    <div class="parkshow_top"></div>
                  </div>
                  <router-link to="/park/Wzjjt" style="text-decoration:none ">
                    位置与交通
                  </router-link>
                </li>
                <li>
                  <div style="float: left">
                    <div class="parkshow_second"></div>
                    <img src="../../assets/title2.png" style="padding-right: 20px;">
                    <div class="parkshow_top"></div>
                  </div>
                  <router-link to="/park/Lpfc" style="text-decoration:none ">
                    楼盘风采
                  </router-link>
                </li>
                <li>
                  <div style="float: left">
                    <div class="parkshow_second"></div>
                    <img src="../../assets/title2.png" style="padding-right: 20px;">
                    <div class="parkshow_top"></div>
                  </div>
                  <router-link to="/park/Yqgk" style="text-decoration:none ">
                    3D导采
                  </router-link>
                </li>
                <li>
                  <div style="float: left">
                    <div class="parkshow_second"></div>
                    <img src="../../assets/title2.png" style="padding-right: 20px;">
                    <div class="parkshow_top"></div>
                  </div>
                  <router-link to="/park/Rzqy" style="text-decoration:none ">
                    入驻企业
                  </router-link>
                </li>
                <li>
                  <div style="float: left">
                    <div class="parkshow_second"></div>
                    <img src="../../assets/title2.png" style="padding-right: 20px;">
                  </div>
                  <router-link to="/park/Dsj" style="text-decoration:none ">
                    大事记
                  </router-link>
                </li>
              </ul>
            </div><!--first_comtent_left 结束-->
    </div>
        <div class="first_comtent_right">
          <span class="first_comtent_right_one">
            互联网产业园位于重庆两江新区EBD（经济商务区）的核心地带，交通便利。
            <div>
              <img src="../../assets/placeandtraffic.png" style="width: 558px;height: 277px; margin-top: 20px">
              <div style="font-size: 16px;font-weight: bold;color: #517bc0;">
                <h>交通指引</h>
              </div>
              <div>
                <div style="float: left;width: 200px;height: 200px;font-size: 12px;">
                  园区附近的公交站:
                  <br>
                  中智联公司、沙堡、渝江厂2站、川仪厂、光电园站、天山大道
                  <br>
                  <br>
                  地铁：
                  <br>
                  轨道交通6号线、轨道交通6号线悦来支线等
                </div>
                <div style="float: left;width: 200px;height: 200px;margin-left: 200px;font-size: 12px;">
                  园区附近的公交车:
                  <br>
                  666路、852路、886路、832路、869路、878路、145路、851路环线
                </div>
              </div>
            </div>
          </span>
        </div><!--first_comtent_night 结束-->
  </div><!--All 结束-->
  </div><!--div 结束-->
  </div>
</template>

<style>
  .all{
    margin:0 auto;width: 100%;
  }

  .first_top_left h3{
    color: #517bc0;
    font-size: 20px;
    margin-left: 200px;
    float: left;
  }
  .first_top_right{
    float: right;
    padding-right: 300px;
    margin-top: 10px;
    font-size: 12px;
  }
  .first_top_right li{
    list-style: none;
    float: left;
  }
  .first_top_right a{
    text-decoration: none;
    color: black;
  }
  .first_top_right a:hover{
    color: #507cc0;
  }
  body{
    padding: 0;
    margin: 0;
  }
  .first{
    width: 100%;
    height: 60px;
    /*border-bottom: 2px fuchsia solid;*/
  }
  .first_top_bottom{
    width: 850px;
    border-bottom: 1px #507cc0 solid;
    margin-left: 200px;
  }
  .first_comtent_left{
    float: left;
    margin-left: -120px;
    /*border-left: 1px #507cc0 solid;*/
  }
  .first_comtent_left li{
    list-style: none;
    margin-top: 28px;
    margin-left: -4px;
  }
  .first_comtent_right{
    width: 900px;
    float: right;
    margin-top: 20px;
  }
  .parkshow_top{
    height: 22px;
    width: 2px;
    background-color: #dcdcdc;
    margin-left: 6px;
    margin-top: -4px;
  }
  .parkshow_second{
    height: 18px;
    width: 2px;
    float: left;
    background-color: #dcdcdc;
    margin-left: 0px;
    margin-top: -11px;
    position: absolute;
    left: 202px;
  }
  .first_comtent_left img{
    margin-left: 2px;
  }
</style>

<script>

    export default {
        data() {
            name: '园区概况'
        }
    }

</script>
